<template>
  <div class="tooltip" >
    <el-tooltip :disabled="item.length < 7" effect="dark" placement="top">
      <div slot="content">
        <!-- 插槽，可提供多行的提示信息 -->
        <!-- 全局组件，这里是配置图标icon和提示信息的地方 -->
        <!-- 在其他组件中引用方式详见 table-header-tips.vue 组件中的 renderHeaderMethods 方法 -->
        <p v-for="(item, index) in messages" :key="index">{{item}}</p>
      </div>
      <span>{{item}}</span>
    </el-tooltip>
  </div>
</template>
<script>
  export default {
    name: 'promptMessages',
    data() {
      return {};
    },
    props: {
      messages: {
        type: Array,
        default() {
          return [];
        }
      },
      item:{
          type:String,
          default:()=>''
      }
    },
    created() {
      console.log(this.messages, this.item);
    }
  };
</script>